

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/shop/shop.css">
    <style>
        body{
            font-family: 楷体;
        }
    </style>
</head>
<body>
<div id="header">
    <img class="i1" src="jp/捕获1.PNG" alt="">
    <div id="logo">
        <h1> <a  class="a2"  href="/index.html">A.S Hair Salon
        </a>

        </h1>
    </div>
    <div id="login_reg">
        <a  href="#" @click="fn1()">退出</a>
    </div>
</div>
<div id="mian">
    <div id="title"><h1>产品展示</h1></div>
    <div class="content">
        <div class="d1">
            <span class="sp11" onclick="window.open('zzx/zzx2.html')"><img src="https://cbu01.alicdn.com/img/ibank/2018/721/101/8808101127_1855991101.jpg?_=2020" alt="">
            </span>
            <span class="sp11" onclick="window.open('zzx/zzx2.html')"><img src="https://cbu01.alicdn.com/img/ibank/O1CN01yqgijO1II2pJ2m6a1_!!6000000000869-0-cib.jpg?_=2020" alt="" >
            </span>
            <span class="sp11" onclick="window.open('zzx/zzx2.html')"><img src="https://cbu01.alicdn.com/img/ibank/O1CN01Pd8jOG1WnYivpWV1R_!!2201211862833-0-cib.jpg?_=2020" alt="">
            </span>
            <span class="sp11" onclick="window.open('zzx/zzx2.html')"><img src="https://cbu01.alicdn.com/img/ibank/2020/787/225/21938522787_1359032752.jpg?_=2020" alt="">
            </span>
            <span class="sp11" onclick="window.open('zzx/zzx2.html')"><img src=https://cbu01.alicdn.com/img/ibank/2017/447/200/4548002744_499014716.jpg?_=2020" alt="">
            </span>
            <span class="sp11" onclick="window.open('zzx/zzx2.html')"><img src="https://cbu01.alicdn.com/img/ibank/O1CN01OSIn7l2CO6ZClfBPI_!!993048463-0-cib.jpg?_=2020" alt="">
            </span>
<!--            <ul>-->
<!--                <li><span class="sp11"><img src="https://assets.nightcherry.com/cms/upload/300075/5f315ed925ae4.png"></span></li>-->
<!--                <li><span class="sp2"></span></li>-->
<!--                <li><span class="sp3"></span></li>-->
<!--                <li><span class="sp4"></span></li>-->
<!--                <li><span class="sp5"></span></li>-->
<!--            </ul>-->
        </div>
        <div class="d1">
              <span class="sp11" onclick="window.open('zzx/zzx2.html')"><img src="https://cbu01.alicdn.com/img/ibank/2019/107/220/12785022701_1176230033.jpg?_=2020" alt="">
            </span>
            <span class="sp11" onclick="window.open('zzx/zzx2.html')"><img src="https://cbu01.alicdn.com/img/ibank/2020/753/059/17709950357_1332780746.jpg?_=2020" alt="" >
            </span>
            <span class="sp11" onclick="window.open('zzx/zzx2.html')"><img src="https://cbu01.alicdn.com/img/ibank/2016/223/742/3357247322_1727431779.jpg?_=2020" alt="">
            </span>
            <span class="sp11" onclick="window.open('zzx/zzx2.html')"><img src="https://cbu01.alicdn.com/img/ibank/2016/700/086/2716680007_401254851.jpg?_=2020" alt="">
            </span>
            <span class="sp11" onclick="window.open('zzx/zzx2.html')"><img src="https://cbu01.alicdn.com/img/ibank/O1CN01yLdp9H1al31yU2fhS_!!2206871693369-0-cib.jpg?_=2020" alt="">
            </span>
            <span class="sp11" onclick="window.open('zzx/zzx2.html')"><img src="https://cbu01.alicdn.com/img/ibank/2020/784/709/21214907487_1211755458.jpg?_=2020" alt="">
            </span>
<!--            <ul>-->
<!--                <li><span class="sp1"></span></li>-->
<!--                <li><span class="sp2"></span></li>-->
<!--                <li><span class="sp3"></span></li>-->
<!--                <li><span class="sp4"></span></li>-->
<!--                <li><span class="sp5"></span></li>-->
<!--            </ul>-->
        </div>
        <div class="d1">
              <span class="sp11" onclick="window.open('zzx/zzx2.html')"><img src="https://cbu01.alicdn.com/img/ibank/2020/516/803/16367308615_737264798.jpg?_=2020" alt="">
            </span>
            <span class="sp11" onclick="window.open('zzx/zzx2.html')"><img src="https://cbu01.alicdn.com/img/ibank/O1CN01d56PPf2G4Bp4LDabD_!!2211350488961-0-cib.jpg?_=2020" alt="" >
            </span>
            <span class="sp11" onclick="window.open('zzx/zzx2.html')"><img src="https://cbu01.alicdn.com/img/ibank/2020/381/127/20717721183_1189153290.220x220.jpg?_=2020" alt="">
            </span>
            <span class="sp11" onclick="window.open('zzx/zzx2.html')"><img src="https://cbu01.alicdn.com/img/ibank/2019/493/299/12589992394_822936908.jpg?_=2020" alt="">
            </span>
            <span class="sp11" onclick="window.open('zzx/zzx2.html')"><img src="https://cbu01.alicdn.com/img/ibank/O1CN01CRKuvB1q7EQzv6HpU_!!2210957025448-0-cib.jpg?_=2020" alt="">
            </span>
            <span class="sp11" onclick="window.open('zzx/zzx2.html')"><img src="https://cbu01.alicdn.com/img/ibank/2019/628/289/10967982826_51914127.jpg?_=2020" alt="">
            </span>
<!--            <ul>-->
<!--                <li><span class="sp1"></span></li>-->
<!--                <li><span class="sp2"></span></li>-->
<!--                <li><span class="sp3"></span></li>-->
<!--                <li><span class="sp4"></span></li>-->
<!--                <li><span class="sp5"></span></li>-->
<!--            </ul>-->
        </div>
        <div class="d1">
              <span class="sp11" onclick="window.open('zzx/zzx2.html')"><img src="https://cbu01.alicdn.com/img/ibank/O1CN01n4dd041udzDYAtFwE_!!2451766061-0-cib.jpg?_=2020" alt="">
            </span>
            <span class="sp11" onclick="window.open('zzx/zzx2.html')"><img src="https://cbu01.alicdn.com/img/ibank/O1CN01yqgijO1II2pJ2m6a1_!!6000000000869-0-cib.jpg?_=2020" alt="" >
            </span>
            <span class="sp11" onclick="window.open('zzx/zzx2.html')"><img src="https://cbu01.alicdn.com/img/ibank/2020/481/196/21936691184_1742895415.jpg?_=2020" alt="">
            </span>
            <span class="sp11" onclick="window.open('zzx/zzx2.html')"><img src="https://cbu01.alicdn.com/img/ibank/O1CN01Ft9xDr29CFUG7gf1j_!!2206538338031-0-cib.jpg?_=2020" alt="">
            </span>
            <span class="sp11" onclick="window.open('zzx/zzx2.html')"><img src="https://cbu01.alicdn.com/img/ibank/O1CN01F8HCPa1al31rhM2FD_!!2206871693369-0-cib.jpg?_=2020" alt="">
            </span>
            <span class="sp11" onclick="window.open('zzx/zzx2.html')"><img src="https://cbu01.alicdn.com/img/ibank/2019/376/958/12918859673_63183903.jpg?_=2020" alt="">
            </span>
<!--            <ul>-->
<!--                <li><span class="sp1"></span></li>-->
<!--                <li><span class="sp2"></span></li>-->
<!--                <li><span class="sp3"></span></li>-->
<!--                <li><span class="sp4"></span></li>-->
<!--                <li><span class="sp5"></span></li>-->
<!--            </ul>-->
        </div>

        <div id="limit">
            <a href="" class="a3">首页</a>
            <a href="" class="a3">1</a>
            <a href="" class="a3">2</a><a href="" class="a3">3</a><a href="" class="a3">4</a>
            <a href="" class="a3">5</a><a href="" class="a3">6</a><a href="" class="a3">7</a>
            <a href="" class="a3">下一页</a>
        </div>
    </div>
</div>
<div id="footer">
    <div class="foot_t">
        <div id="zuo_boby">
            <h2 id="ft_title">A.S Hair Salon</h2>
            <p>Lorem Ipsum is simply text the printing and<br>typesetting standard industry.
                Onec Consequat<br> sapien ut cursus rhoncus. Nullam dui mi,<br> vulputate ac metus.
            </p>
            <h3>Trusted by<span style="color: orange">500+ People</span></h3>
            <img src="jp/微信.webp" alt="" class="tubiao">
            <img src="jp/qq.webp" alt="" class="tubiao">
        </div>
    </div>
    <div class="foot_t">
        <div id="mid_boby">
            <h4>Quick Links</h4>
            <ul>
                <li><a href="" class="lianjie">>>&nbspHome</a></li>
                <li><a href="" class="lianjie">>>&nbspAbout Us</a></li>
                <li><a href="" class="lianjie">>>&nbspSingle Page</a></li>
                <li><a href="" class="lianjie">>>&nbspTeam</a></li>
                <li><a href="" class="lianjie">>>&nbspContact Us</a></li>
            </ul>
        </div>
    </div>
    <div class="foot_t">
        <div id="you_boby">
            <h4>Contact Info</h4>
            <p id="id1">地址:90 nsequursu dsdesdc, xxx Honey Street 049436.Newyork, NY.</p>
            <p id="id2">电话:+1(12) 123 456 789</p>
            <p id="id3">座机:+1(12) 123 456 789</p>
            <p><a href="" class="lianjie">邮箱:123456789@qq.com</a></p>
        </div>
    </div>
</div>
</div>
</div>
</div>
</body>
<script src="js/header.js"></script>
</html>